<template>
  <div class="mask-toggle" @click="maskStore.toggleMaskValue">
    <img :src="maskStore.showFullValue ? mask : unMask" alt="" />
  </div>
</template>

<script setup name="IMaskToggle">
import { useMaskStore } from '@/stores/mask'
import mask from '@/assets/img/mask.svg'
import unMask from '@/assets/img/unmask.svg'
const maskStore = useMaskStore()
</script>

<style scoped>
.mask-toggle {
  position: fixed;
  right: 16px;
  bottom: 80px;
  z-index: 100;
  background: #fff;
  border-radius: 50%;
  padding: 4px;
}
</style> 